<!--注册审核成功-待签署-2018/08/03 -->
<template>
  <div class="unregister-container">
    <van-nav-bar :title="header" left-arrow @click-left="onClickLeft"/>
    <div class="unregister-content">
      <img class="unregister-state-img" src="../../assets/svg/dph_face.svg" alt="">
      <p class="unregister-success-text">您已注册成功，并开通了微信和支付宝的扫码收款，签署电子协议后就能正常使用了</p>
      <a class="unregister-dph-link" href="javascript:;" @click="openEmail">现登录您的注册邮箱去签署协议吧。</a>
      <van-button class="unregister-btn" @click="goBackApp">我知道了</van-button>
    </div>
  </div>
</template>

<script>
  import { NavBar, Cell, CellGroup, Icon, Button, Toast } from 'vant';
  // import { unRegIcon } from '../../assets/svg/dph_unregister.svg';

  export default {
    name: 'state_no',
    components: {
      [Cell.name]: Cell,
      [Toast.name]: Toast,
      [CellGroup.name]: CellGroup,
      [Icon.name]: Icon,
      [NavBar.name]: NavBar,
      [Button.name]: Button
    },
    data() {
      return {
        header: '聚合支付'
      };
    },
    methods: {
      onClickLeft() {
        this.$router.push('/');
      },
      goBackApp() {
        // TODO: 此处返回到原生app
        Toast('我要返回到原生');
      },
      openEmail() {
        Toast('请手动登录注册邮箱查看邮件.');
      }
    }
  };
</script>

<style lang="less" scoped>
  .unregister {
    &-container {
      height: 100vh;
      width: 100vw;
      background-color: #fff;
    }
    &-content {
      padding-top: .72rem;
      text-align: center;
    }
    &-success-text {
      font-size: 13px;
      color: #333;
      padding: 0 1rem;
      line-height: .4rem;
    }
    &-dph-link {
      display: block;
      font-size: 13px;
      color: #2F59B7;
    }
    &-text {
      font-size: 13px;
      color: #333;
      text-align: center;
      line-height: .4rem;
    }
    &-result {
      width: 4.68rem;
      margin: 0 auto;
      text-align: left;
      p, span{
        margin: 0;
        font-weight: normal;
        font-size: 13px;
        line-height: 1.8;
        color: #666;
      }
    }
    &-state-img {
      width: 1.1rem;
      height: 1.1rem;
    }
    &-btn {
      background-color: #FD7D42;
      border: 1px solid #FD7D42;
      color: #fff;
      width: 2.5rem;
      margin: .66rem auto;
    }
  }
</style>
